<template>
  <view>
    <image src="/static/icon_3bj.png" class="w100 h-424 absolute" mode=""></image>
    
    <uni-nav-bar left-icon="back" @clickLeft="$tools.goBack(1)" title="课程" class="fw-b" background-color="rgba(0,0,0,0)" :border="false"></uni-nav-bar>
    
    <view class="w100 pl-24 pr-24 pt-24 relative">
      <view class="w100 h-84 br-42 rowsb rowsm pl-40 pr-10 mb-30" style="background-color: rgba(255, 255, 255, .69);">
        <view class="rows rowsm">
          <image src="/static/newPages/icon_s.png" class="w-36 h-36 mr-24" mode=""></image>
          <input type="text" placeholder="课程查询" placeholder-class="fs-28 col888">
        </view>
        <view class="w-114 h-64 br-32 rowsc rowsm colfff fs-28 fw-b" style="background: linear-gradient(to bottom,#4897FF,#4878FF);">搜索</view>
      </view>
      
      <view class="w100 bgff p-all-20 br-20 mb-20" v-for="(item,index) in 2" :key="index" @click="$tools.goNext('/pages/course/detail?index=' + index)">
        <view class="rows rowsm mb-20">
          <image :src="index == 0 ? 'http://ldjy.zxcvii.top/file/zb2.png' : 'http://ldjy.zxcvii.top/file/zb1.png'" class="w-262 h-174 mr-20" mode=""></image>
          <view class="w100 rowscl">
            <view class="fs-28 col333 fw-b mb-10">{{index == 0 ? '大国工匠' : '新时代大学生劳动教育'}}</view>
            <view class="fs-24 col333 mb-54">课程性质：必修课</view>
            <view class="fs-20" style="color: #4897FF;">进度{{index == 0 ? 80 : 40}}%</view>
          </view>
        </view>
        
        <view class="w100 rowsb rowsm pl-80 pr-80">
          <view class="rows rowsm" @click.stop="$tools.goNext('/pages/course/result')">
            <image src="/static/newPages/icon_cj.png" class="mr-20 w-48 h-48" mode=""></image>
            <view class="fs-24 col333">成绩</view>
          </view>
          
          <view class="rows rowsm" @click.stop="$tools.goNext('/pages/course/detail?index=' + index + '&active=2')">
            <image src="/static/newPages/icon_ks.png" class="mr-20 w-48 h-48" mode=""></image>
            <view class="fs-24 col333">考试 </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">

</style>
